<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>张增强QQ会员</title>
		<link rel="stylesheet" href="css/main.css" />
		<script type="text/javascript" src="js/main.js"></script>
	</head>

	<body>
		<div class="contrainor">
			<header>
				<nav class="headerNav">
					<ul class="headerUl">
						<li class="topImg"><img src="img/logo.png"></li>
						<li class="top">功能特权</li>
						<li class="top">游戏特权</li>
						<li class="top">生活特权</li>
						<li class="top">装扮特权</li>
						<li class="top">会员活动</li>
						<li class="top">成长体系</li>
						<li class="top">年费专区</li>
					</ul>
					<button class="loginBtn">登陆</button>
					<button class="openVIPBtn">开通会员</button>
				</nav>
			</header>

			<!--轮播图-->
			<section class="middleBanner">
				<div class="leftPic"></div>
				<div class="rightPic"></div>
				<div class="middlePics"></div>
				<ul class="picDirector">
					<li class="li1"></li>
					<li class="li2"></li>
					<li class="li3"></li>
				</ul>
			</section>
			<!--四个其它内容图片-->
			<section class="showPicBanner">
				<ol>
					<li class="pic1"><span class="title">功能特权</span><br><span class="destribute">超级会员&nbsp;特权王者</span></li>
					<li class="pic2"><span class="title">装扮特权</span><br><span class="destribute">超级会员&nbsp;我有我风采</span></li>
					<li class="pic3"><span class="title">游戏特权</span><br><span class="destribute">游戏礼包&nbsp;专属福利</span></li>
					<li class="pic4"><span class="title">生活特权</span><br><span class="destribute">超多优惠福利</span></li>
				</ol>
			</section>
			<!--其它链接-->
			<nav class="linkPicBanner">
				<ul>
					<li class="otherPic1"><span>官方手Q账号</span></li>
					<li class="otherPic2"><span>官方微信账号</span></li>
					<li class="otherPic3"><span>兑换中心</span></li>
					<li class="otherPic4"><span>兴趣部落</span></li>
					<li class="otherPic5"><span>官方空间</span></li>
					<li class="otherPic6"><span>官方微博</span></li>
					<li class="otherPic7"><span>客服中心</span></li>
				</ul>
			</nav>
			<!--版权声明-->
			<footer>
				<p>Copyright &copy; 1994 - 2017 ZZQ . All Rights Reserved</p>
				<p>张增强&nbsp;版权所有</p>
			</footer>
		</div>
	</body>

</html>